.component {
  padding: var(--gap-md) var(--gap-sm);
  background-color: var(--white-accent-clr);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-xs);
}

.taglist {
  display: flex;
  flex-direction: column;
  background-color: var(--white-accent-clr);
  border-radius: var(--radius-sm);
  box-shadow: 0 var(--gap-xs) var(--gap-md) 1px rgb(34 139 207 / 25%);
}

.info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.image {
  overflow: hidden;
  border-radius: var(--radius-xs);
}

.status {
  cursor: default;
}

.popover {
  cursor: pointer;
}
